<!DOCTYPE html>
<html>
<head lang="zh-cn">
    <link href="$!{__beat.server.contextPath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>流量实时数据</title>
</head>
<body>
<div class="container-fluid">

    <form class="form-inline">
        <div class="form-group">
            <label>业务线选择</label>
            <select class="form-control" name="bussline" id="bussline">
				#foreach($op in $busslineList)
					   <option #if($!{vt.isSelected($bussline,$op)})selected#end value="$op">$!business_CN_Map.get("$op")</option>
				#end
            </select>
        </div>
        <div class="form-group">
            <label>平台选择</label>
            <select class="form-control" name="platform" id="platform">
                <option value="">总体</option>
				#foreach($op in $platList)
					   <option #if($!{vt.isSelected($platform,$op.getValue())})selected#end value="$op.getValue()">$!{op.getName()}</option>
				#end
            </select>
        </div>
        <div class="form-group">
            <input id="search" type="submit" value="查询" class="btn btn-primary btn-xs">
        </div>
    </form>
    <h3 class="text-center">本日截至目前PV： <span id="pv" style="color: red">$!{pv}</span>             VPPV：<span id="vppv" style="color: red">$!{vppv}</span>    </h3>

    <div class="row">
        <div class="col-md-6">
            <div id="pv_day" style="height: 300px"></div>
        </div>
        <div  class="col-md-6">
            <div id="pv_hour" style="height: 300px"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div id="vppv_day" style="height: 300px"></div>
        </div>
        <div  class="col-md-6">
            <div id="vppv_hour" style="height: 300px"></div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div id="listpv_day" style="height: 300px"></div>
        </div>
        <div  class="col-md-6">
            <div id="listpv_hour" style="height: 300px"></div>
        </div>
    </div>

    <!--<div class="row">
        <div class="col-md-6">
            <div id="uv_day" style="height: 300px"></div>
        </div>
        <div  class="col-md-6">
            <div id="uv_hour" style="height: 300px"></div>
        </div>
    </div>-->

</div>


</body>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="$!{__beat.server.contextPath}/bootstrap/js/libs/bootstrap.js"></script>
<script src="$!{__beat.server.contextPath}/echarts2/source/echarts.js"></script>
<script type="text/javascript">
    require.config({paths: {echarts: '$!{__beat.server.contextPath}/echarts2/source', dashboard: '$!{__beat.server.contextPath}/js/'}});
        require(['dashboard/realtime_netflow'],function(obj){
        obj.start('$!{bussline}','$!{platform}');
    });
</script>
</html>